<template>
  <div class="con">
  <router-link to="/home"  class="item"><img src=" 1.png " alt=""><br>首页</router-link>
     <router-link to="/order" class="item"><img src=" 2.png " alt=""><br>订单</router-link> 
 <router-link to="/user" class="item"><img src=" 3.png " alt=""><br>我的</router-link>
  </div>
</template>

<script>

export default {

}
</script>

<style scoped>
  div{
       width: 100%;
    height: 50px;
    border-top: 1px solid red;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row;
    background: #f6f6f6;
    }
 
    a{
      text-decoration: none; 
       flex:1;
       
    }
    .item{

    text-align: center;
    }
    img{
      width: 30px;
      height: 30px;
      text-align: center;
    }
</style>